import React, { ReactNode } from 'react'
import { Card } from 'antd'
import { Item, ItemPanel } from 'gg-editor'
import styles from './index.less'

const KoniItemPanel: ReactNode = () => (
  <ItemPanel className={styles.itemPanel}>
    <Card bordered={false}>
      <Item
        type='node'
        size='40'
        shape='koni-custom-node'
        model={{
          color: '#69C0FF',
          label: 'Bank',
          labelOffsetY: 28,
          icon:
            ''
        }}
        src=''
      />
      <Item
        type='node'
        size='40'
        shape='koni-custom-node'
        model={{
          color: '#5CDBD3',
          label: 'Person',
          labelOffsetY: 28,
          icon:
            ''
        }}
        src=''
      />
      <Item
        type='node'
        size='40'
        shape='koni-custom-node'
        model={{
          color: '#B37FEB',
          label: 'Country',
          labelOffsetY: 28,
          icon:
            ''
        }}
        src=''
      />
    </Card>
  </ItemPanel>
)

export default KoniItemPanel
